test options for custom icons and labels - #4981

Summary

Allow to customize icons and labels for AI

What are the specific steps to test this change?

This requires

• core with pro-7647-custom-meta-icon
• seo-assistant with pro-7647-custom-meta-icon

1. Enable @apostrophecms-pro/seo-assistant and @apostrophecms-pro/automatic-translation following the doc https://github.com/apostrophecms/seo-assistant/
2. Update modules/@apostrophecms/i18n/i18n/en.json

   {
     "automaticTranslationCheckboxHelp": "By clicking the below checkbox, you: <br />(a) acknowledge that you are enabling users within your organization to use the iCIMS Copilot Preview Feature(s); <br />(b) acknowledge that you understand that the ¡CIMS Copilot is a Preview Feature, and its availability and use is governed by the Preview Feature Terms and Conditions; <br />(c) have read, understand, and agree to be bound by the Preview Feature Terms and Conditions; and <br />(d) represent and warrant that you have the right, power, and authority to bind your organization. For more information on Preview Features, please see Understanding Preview Features in the iCIMS Talent Cloud. If you do not agree to the Preview Feature Terms and Conditions, do not click the below checkbox. You may still click Localize Content and be able to translate your landing pages without iCIMS Copilot.",
     "automaticTranslationDisclaimer": "Translations are produced by AI. They can be inaccurate, omit nuance, or introduce formatting issues. Review all translated content before you publish."
   }
   

3. Update modules/@apostrophecms-pro/automatic-translation/i18n/en.json

   {
     "fieldMeta": "Translated with Copilot"
   }
   

4. Update modules/@apostrophecms-pro/seo-assistant/index.js

   export default {
     icons: {
       'panda-icon': 'Panda'
     },
     options: {
       provider: 'openai',
       triggerAssistantButton: {
         icon: 'panda-icon',
         label: 'Generate with Copilot',
         class: [ 'blue-yellow' ]
       }
     }
   };
   

5. Update modules/@apostrophecms/seo-assistant-doc-type/index.js

   export default {
     options: {
       seoAssistantMetaPosition: 'right'
     }
   };
   

6. Update your style modules/asset/ui/src/index.scss with

   .apos-button.apos-button--blue-yellow {
     background-color: yellow;
     border: 4px solid blue;
   }
   

7. Edit a document and go to the SEO tab, you should see this
8. Localize a document, you should see this and check the box Translate text content
9. Go the translated document, edit the same document, you should see this

What kind of change does this PR introduce?

(Check at least one)

• Bug fix
• New feature
• Refactor
• Documentation
• Build-related changes
• Other

Make sure the PR fulfills these requirements:

• It includes a) the existing issue ID being resolved, b) a convincing reason for adding this feature, or c) a clear description of the bug it resolves
• The changelog is updated
• Related documentation has been updated
• Related tests have been updated

If adding a new feature without an already open issue, it's best to open a feature request issue first and wait for approval before working on it.

Other information: